<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎登陆熊猫优选</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <!-- 登录界面 -->
    <div class="login">
        <!-- 左侧图片区域 -->
        <div class="banner">
            <img src="../static/image/bgt.jpg" class="bigPanda" alt="">
        </div>

        <!-- 右侧内容区域 -->
        <div class="content">
            <h1>欢迎登陆熊猫优选</h1>
            <h3>期待每一次相遇</h3>

            <!-- 账号密码输入框 -->
            <form action="">
                <input type="text" id="username" placeholder="      昵称">
                <input type="password" id="password" placeholder="      密码">
            </form>
            <!-- 记住密码框 -->
            <div class="remPwrd">
                <input type="checkbox" name="rem" id="rem">
                <label for="rem">记住密码</label>
            </div>
            <!-- 登陆注册按钮 -->
            <div class="btn">
                <div class="btn-login">登陆</div>
                <div class="btn-registered">注册</div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/cookieutils.js"></script>
    <script src="../js/login.js"></script>

</body>
</html>